<template>
	<view class="list_com">
		<ul v-if="this.data != ''" class="list">
			<li v-for="(item,index) in data" :key="index" class="item">
				<view>
					<view class="top">
						<img :src="item.imglist"
							alt="" />
					</view>
					<view  class="bottom">
						<p class="title">{{item.description}}</p>
						<view class="info">
							<view class="userInfo">
								<img :src="item.avatar"
									alt="">
								<span>{{item.name}}</span>
							</view>
							<view class="browse">
								<i class="iconfont icon-liulan"></i>
								<span>{{item.thumbs}}</span>
							</view>
						</view>
					</view>
				</view>
			</li>
		</ul>
		<ul class="kong" v-else>
			<li><span>您还未发布作品</span></li>
		</ul>
	</view>
</template>

<script>
	import "../../public/icon/iconfont.css"
	
	export default {
		name: "ListCom",
		props:['data'],
		data() {
			return {

			};
		}
	}
</script>

<style scoped>
	@import url(./ListCom.css);
</style>